<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 

        响应式网站：同一个网站可以适配多个设备   --- 必须是同一个网站
            
        demo   PC端   jd.com       移动端  m.jd.com      域名不一样     不是同一个网站    不是响应式
                京东做了两个版本   


        响应式的实现
            1 宽度百分比
            2 高度自适应 --- 高度由内容撑开   不写高度
            3 根据屏幕的大小设置不一样的宽度
                屏幕大  33%   三列
                屏幕小  50%   两列
     -->
    
</body>
</html>